.pop-main {

    position: fixed;
    left: 50%;
    top: 50%;
    min-width: 200px;
    transform: translate(-50%, -50%);
    z-index: 2000;
    border-radius: 5px;
    box-shadow: 0px 1px 10px 0px @color-gray-3;

    .pop-head {
        .background-main-1();
        .color-white();

        width: calc(100% - 20px);
        border-radius: 5px 5px 0px 0px;
        padding: 10px;
        text-align: center;
        font-weight: bold;
        font-size: 1.25rem;
        display: flex;

        .pop-head-title {
            text-align: center;
            flex: 1;
            padding-left: 1.25rem;
        }

        .pop-head-hiden {
            cursor: pointer;
        }


    }

    .pop-content {
        .background-white();
        .color-black();

        padding: 10px;
    }

}